$(function () {

    //给文件上传绑定事件
    $('#inputCover').on('change', function () {
        //获取文件
        const file = this.files[0]


        const src = URL.createObjectURL(file)
        //改 src
        $('#coverimg').prop('src', src)
    })

    //渲染   类别
    function getArticleCatetory() {
        $.ajax({
            url: 'http://localhost:8080/api/v1/admin/category/list',
            headers: {
                Authorization: localStorage.getItem('token')
            },
            success: function (res) {
                console.log(res);

                const html = res.data.reduce((html, value) => html += `<option value="${value.id}">${value.name}</option>`, '<option value="">所有分类</option>')

                $('#category').html(html)

            }
        })
    }

    getArticleCatetory()

    //发布日期
    function dataTime() {
        // 4 初始化
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({
            elem: '#articleDate' //指定元素
        });
    }

    dataTime()

    //副文本                               
    function fuWenBeng() {
        tinymce.init({
            selector: '#articleContent',
            language: 'zh_CN',//注意大小写
        });


        document.querySelector("button").onclick = function () {
            // 1 获取富文本编辑器的内容
            // 1.1 直接获取文本域标签的内容
            // 1.2 查阅文档 看它如何介绍   --  推荐！！ 

            var cnt = tinyMCE.editors["articleContent"].getContent();
            // console.log(cnt);
        }
    }
    fuWenBeng()

    // 封装用户输入的数据
    function yhajax(e = '') {
        const formdata = new FormData($('#form')[0])

        formdata.append('content', tinyMCE.editors["articleContent"].getContent())

        formdata.append('state', e)

        // formdata.forEach((val, kay) => console.log(kay, val))

        $.ajax({
            url: 'http://localhost:8080/api/v1/admin/article/publish',
            type: 'post',
            headers: { Authorization: localStorage.getItem('token') },
            data: formdata,
            contentType: false,
            processData: false,
            success: function (res) {
                // console.log(res);
                if (res.code == 200) {
                    // console.log(res);

                    location.href = "article_list.html"
                }
            }
        })
    }

    //给发布  添加点击事件
    $('.btn-edit').on('click', function () {

        // http://localhost:8080/api/v1/admin/article/publish
        yhajax('已发布')

    })

    //草稿
    $('.btn-draft').on('click', function () {
        yhajax()
    })

})